<!DOCTYPE html>
<html>
<!--
Copyright (c) 2012 The Chromium Authors. All rights reserved.
Use of this source code is governed by a BSD-style license that can be
found in the LICENSE file.
-->
<head>
  <meta http-equiv="Pragma" content="no-cache">
  <meta http-equiv="Expires" content="-1">
  <title>{{title}}</title>
  <script type="text/javascript" src="common.js"></script>
  <script type="text/javascript" src="example.js"></script>
  <style>
    .label { display: inline-block; width: 100px; }
  </style>
</head>
<body data-width="640" data-height="480" {{attrs}}>
  <h1>{{title}}</h1>
  <h2>Status: <code id="statusField">NO-STATUS</code></h2>
  <p>The Graphics3D example demonstrates how to create a 3D cube that
      rotates.</p>
  <div>
    <span class="label">X Angle</span>
    <input type="range" id="xAngle" min="0" max="360" step="1" value="0">
  </div>
  <div>
    <span class="label">Y Angle</span>
    <input type="range" id="yAngle" min="0" max="360" step="1" value="0">
  </div>
  <div>
    <span class="label">Animating</span>
    <label>
      off
      <input type="radio" id="animateOff" value="false">
    </label>
    <label>
      on
      <input type="radio" id="animateOn" value="true" checked="true">
    </label>
  </div>
  <!-- The NaCl plugin will be embedded inside the element with id "listener".
      See common.js.-->
  <div id="listener"></div>
</body>
</html>
